html,body{
    margin: 0;
    padding: 0;
    font-size: 4vw;  /*一行中的一个字是一行的4%的宽度*/


}

/***************全部容器部分*****************/
.container {
    display: flex;/*弹性布局*/
    /*justify-content: center;/*主轴上的对齐方式*/
    flex-direction: column; /*垂直排布*/
    height: 100vh;/*高度占比100%*/
    background: linear-gradient(to bottom, #A4C9FE, white);
}
/***************顶部信息部分*****************/
.share-top {
    display: flex;
    align-items: center;
    gap: 30vw;
    margin-top: 10px;
    margin-bottom: 40px;
}
.cancel{
    display: flex;
    margin-left: 15px;
    font-size: 3.8vw;
}
/***************共享屏幕部分*****************/
.share-text {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.share-title {
    font-size: 5vw;
    font-weight: bold;
    margin: 20px;
}
.share-tip {
    font-size: 3.6vw;
    color: #4C5566;
    margin-bottom: 10px;
}
/***************搜索部分*****************/
.share-box{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.share-search {
    width: 95%;
    background-color: white;
    height: 10vw;
    margin: 20px;
    border-radius: 10px;
}
.start-share {
    width: 95%;
    background-color: #2467FC;
    color: white;
    height: 10vw;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/***************底部问答部分*****************/
.question{
    display: flex;
    justify-content: center;
    align-items: center;

    position: fixed;
    left: 0;
    bottom: 0;

    width: 100%;
}
.question span{
    font-size: 3.6vw;
    color: #356ABD;
    margin: 40px;
}